import React, { useState } from "react";
import { Button, Tabs } from "antd";
import type { TabsProps } from "antd";
import { Image } from "antd";
import dayjs from "dayjs";
function Index() {
  const onChange = (key: string) => {
    console.log(key);
  };
  const [data]=useState(dayjs().format('YYYY-MM-DD HH:mm:ss'))
  const items: TabsProps["items"] = [
    {
      key: "1",
      label: "全部订单",
      children: [
        <div>
              {data}
          <p>
            
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
          
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span>
          </p>
          {data}
          <p>
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span><Button>确认收货</Button>
          </p>
        </div>,
      ],
    },
    {
      key: "2",
      label: "代付款",
      children: [
        <div>
              {data}
          <p>
            
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
          
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span>
          </p>
          {data}
          <p>
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span><Button>确认收货</Button>
          </p>
          <p>
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span><Button>确认收货</Button>
          </p>
        </div>,
      ],
    },
    {
      key: "3",
      label: "待发货",
      children: [
        <div>
              {data}
          <p>
            
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
          
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span>
          </p>
          {data}
          <p>
          <p>
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span><Button>确认收货</Button>
          </p>
          <p>
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span><Button>确认收货</Button>
          </p>
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span><Button>确认收货</Button>
          </p>
        </div>,
      ],
    },
    {
      key: "4",
      label: "待收货",
      children: [
        <div>
              {data}
          <p>
            
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
          
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span>
          </p>
          {data}
          <p>
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span><Button>确认收货</Button>
          </p>
          {data}
          <p>
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）</span><Button>确认收货</Button>
          </p>
          {data}
          <p>
            {" "}
            <Image
              width={70}
              src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
            />
            美白洗面奶套餐<br />
            <span>共两件商品 合计388.00（还运费0.00）asss </span><Button>确认收货</Button>
          </p>
        </div>,
      ],
    },
  ];

  return (
    <div>
      <Tabs defaultActiveKey="1" items={items} onChange={onChange} />
    </div>
  );
}

export default Index;
